@import './_mixin';
@import './_reset.scss';
@import './_ver';


.bg_color{
    background-color: #f5f5f5;
    position: relative;
}
.buybuybuy {
    @include Type;

    height: 80px;
    position: relative;

    > div{
        height: 60%;
        width: 250px;
        margin: 10px;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        margin:  auto;
        overflow: hidden;

        > img{
            width: 100%;
            height: 100%;
        }
    }
}
// 秒杀区域
.miaosha_goods {
    @include Type;
    box-sizing: border-box;
    padding: 10px;

    display: flex;
    flex-wrap: wrap;

    > li {
       width: 280px;
       height: 405px;
       margin: 5px;
       background-color: white;
       border-radius: 15px;
       box-sizing: border-box;
       padding: 5px;


       >.goods_img{
        width: 100%;
        height: 300px;

        margin-bottom: 5px;
       }

       >.jieshao{
        font-size: 12px;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        
       }

       >.price{
        display: flex;
        margin-top: 10px;

        > span{
            display: inline-block;
            font-size: 16px;
            margin-right: 20px;
        }
        >.new{
                font-size: 24px;
                color: red;
        }
        >.old{
            line-height: 33px;
            text-decoration: line-through;
        }
       } 
        > *{
           pointer-events: none;
        }
    }

  
}

// 频道广场
.square_img{
    @include Type;
}
.square_goods{
    @include Type;
    box-sizing: border-box;
    padding: 10px;

    display: flex;
    flex-wrap: wrap;

    > li {
       width: 280px;
       height: 405px;
       margin: 5px;
       background-color: white;
       border-radius: 15px;
       box-sizing: border-box;
       padding: 5px;


       >.goods_img{
        width: 100%;
        height: 300px;

        margin-bottom: 5px;
       }

       >.jieshao{
        font-size: 12px;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        
       }

       >.price{
        display: flex;
        margin-top: 10px;

        > span{
            display: inline-block;
            font-size: 16px;
            margin-right: 20px;
        }
        >.new{
                font-size: 24px;
                color: red;
        }
        >.old{
            line-height: 33px;
            text-decoration: line-through;
        }
       }

       > *{
        pointer-events: none;
     }
    }
}